<!DOCTYPE html>
<html data-use-rem="640">
<head lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="format-detection" content="email=no" />
  <meta name="description" content="MeadJohnson">
  <meta name="keywords" content="MeadJohnson">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="MeadJohnson">
  <meta http-equiv="Expires" content="-1">
  <meta http-equiv="Cache-Control" content="no-cache">
  <meta http-equiv="Pragma" content="no-cache">
  <title>美赞臣-专家学堂</title>
  <link rel="stylesheet" href="css/public.css"/>
  <link rel="stylesheet" href="css/video.css">
  <link rel="stylesheet" href="css/swiper.min.css">
  <link rel="stylesheet" href="css/zy.media.min.css">
</head>
<body>
<div class="authbox">
</div>
<div class="container">
  <div class="live_head">
    <img src="img/icon_78.png" alt="">
  </div>
  <div class="swiper-container swiper-container2">
    <div class="swiper-wrapper">
      <div class="swiper-slide swiper-slide2"><img src="img/icon_86.png" alt=""></div>
      <div class="swiper-slide swiper-slide2"><img src="img/icon_86.png" alt=""></div>
      <div class="swiper-slide swiper-slide2"><img src="img/icon_86.png" alt=""></div>
      <div class="swiper-slide swiper-slide2"><img src="img/icon_86.png" alt=""></div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
  </div>
  <div class="live">
    <div class="title">
      <img src="https://r.epclass.meadjohnson.joypaw.com/p/v2/icon_81.png">
      <span>准妈妈临产前最担心的事</span>
    </div>
    <div class="upvote" bindtap="like">3333</div>
    <div class="class_box live_class_box">
      <img src="https://r.epclass.meadjohnson.joypaw.com/p/v2/icon_31.png" bindtap="showExpert">
      <div class="enrollment">
        <div class="name">张学良</div>
      </div>
      <div class="class_info">
        <div class="time">2016年17月19日12:00</div>
        <div class="expert">张学良 医科大学医科大学医科大学</div>
        <!--@formatter:off-->
        <div class="onlineNum">在线人数：<span>1111</span></div>
        <!--@formatter:on-->
      </div>
    </div>
    <div class="video_bg hide">
      <div class="video_area hide" :style="videoAreaStyle" @click="playVideo()"></div>
      <div class="videoContainer">
        <div class="zy_media">
          <video id="myVideo" playsinline="true" webkit-playsinline="true" x-webkit-airplay="allow" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="">
            <source :src="epclass.live_media_url" type="application/x-mpegURL">
          </video>
        </div>
      </div>
    </div>
    <div class="audio_bg">
      <div class="zy_media">
        <audio data-config='' src="img/test.mp3">
        </audio>
      </div>
    </div>
    <div class="tip">
      <div class="host">
        <img src="https://r.epclass.meadjohnson.joypaw.com/p/v2/icon_16.png">
        <div>
          <span>主持人：{{item}}</span>
        </div>
      </div>
      <div class="summary">
        <div class="exq">
          <!--文字-->
          <div class="scrollll hide">
            <span>{{class.summary}}</span>
            <span>{{class.summary}}</span>
            <span>{{class.summary}}</span>
            <span>{{class.summary}}</span>
            <span>{{class.summary}}</span>
            <span>{{class.summary}}</span>
            <span>{{class.summary}}</span>
            <span>{{class.summary}}</span>
          </div>
          <!--语音-->
          <div class="speech">
            <div class="hosta">
              <div class="exqbox">
                <div  class="qa_box">
                  <div class="qa">
                    <div class="ques">Q</div>
                    <span class="anw">{{item.text}}gwgnwngwn你干啥呢你说呢好呢好呢</span>
                  </div>
                  <div class="qa">
                    <div class="ques answer">A</div>
                      <audio src="{{item.audio}}"></audio>
                      <div class="audio_c">
                        <div  class="audio_img"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
        </div>
        <div class="barbox">
            <img src="https://r.epclass.meadjohnson.joypaw.com/p/v2/icon_24.png" class="up">
            <div class="bar"></div>
            <img src="https://r.epclass.meadjohnson.joypaw.com/p/v2/icon_25.png" class="dow">
        </div>
      </div>
    </div>
  </div>
  <div class="inter inter2">
    <div class="title">
      <img src="https://r.epclass.meadjohnson.joypaw.com/p/v2/icon_50.png">
      <span>互动专区</span>
    </div>
    <div class="q" bindtap="ask">我要提问</div>
    <div class="box">
      <div class="list">
        <div class="words">
          <div class="word">
            <span>给我国内外哇嘎嘎嘎嘎耀武扬员</span>
            <span class="time">12:00</span>
          </div>
        </div>
        <div class="barbox">
          <img src="https://r.epclass.meadjohnson.joypaw.com/p/v2/icon_24.png" class="up">
          <div class="bar"></div>
          <img src="https://r.epclass.meadjohnson.joypaw.com/p/v2/icon_25.png" class="dow">
        </div>
      </div>
    </div>
  </div>
</div>
<div class="footer">
  <div  class="fl nav on">
    <img src="https://r.epclass.meadjohnson.joypaw.com/p/v2/fm.png">
    <span>专家学堂</span>
  </div>
  <div class="fl nav">
    <img src="img/expert.png">
    <span>专家回答</span>
  </div>
  <div class="fl nav">
    <img src="https://r.epclass.meadjohnson.joypaw.com/p/v2/me.png">
    <span>个人中心</span>
  </div>
</div>
<!--问题弹窗-->
<div class="tips_box hide">
  <div class="tips tips1">
    <img src="https://r.epclass.meadjohnson.joypaw.com/p/v2/icon_35.png" class="head">
    <form bindsubmit="say">
      <div class="text_box2">
        <span class="tag">我有话说 我要提问</span>
        <textarea placeholder="只能输入20字！" value="{{tipData}}" bindinput="getWords" maxlength="20" bindfocus="margintop" bindblur="marginbottom"/></textarea>
      </div>
      <button class="tips_btn" formType="submit">确定</button>
    </form>
    <view class="tip_close" bindtap="closeTip"></view>
  </div>
</div>
<script src="js/zepto.min.js"></script>
<script src="js/rem.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/zy.media.min.js"></script>
<script>
  var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    loop:true
  });
  $(function(){
    $(".exq").scroll(function() {
      console.log($(this).scrollTop());
    });
  })
  zymedia('audio');
</script>
</body>
</html>